﻿<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="web" uri="http://meerkat.qunar.com/web"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@include file="/WEB-INF/views/site/inc/head.jsp" %>
<body>
<div class="container">
    <%@include file="/WEB-INF/views/site/inc/top.jsp" %>

    <%-- 滚动栏 --%>
    <div class="panel slider_panel clr_after">
        <a class="prev" href="#">&nbsp;</a>
        <div id="top-scroll" class="jCarouselLite" >
            <ul class="list">
                <c:forEach var="item" items="${data.page}">
                <li>
                    <a href="competitor.htm?link=${item.link}">
                        <img src="${item.avatar}" width="88" height="123" alt="" />
                        <span class="name">${item.name}</span><span class="mask"></span>
                    </a>
                </li>
                </c:forEach>
            </ul>
        </div>
        <a class="next" href="#">&nbsp;</a>
    </div>

    <div class="panel home_intro_panel">
        <div class="column_wrap clr_after">
            <div class="column intro">
                <h3>活动介绍</h3>
                <a href="intro.htm" class="more">查看更多</a>
                <div class="content">
                    <p>“网络人气未来导游之星TOP10”评选活动是2012年“神州视景杯”第四届全国旅游院校服务技能（导游服务）大赛的重要组成部分，其目的是评选出参加第四届全国旅游院校服务技能中具有网络高人气的导游选手，此次评选活动由中国旅游协会旅游教育分会、教育部高等学校高职高专旅游管理类专业教学指导委员会为主办单位，去哪儿网作为支持单位而举办的。“网络人气未来导游之星TOP10”评选活动通过以网络投票为主，专家评审为辅的方式而评选出最具人气的十大未来导游之星。</p>
                </div>
            </div>
            <div class="column sponsor">
                <h3>大赛官网</h3>
                <dl>
                    <dt><a href="http://www.cteweb.cn/" target="_blank">中国旅游协会旅游教育分会</a></dt>
                    <dd><a href="http://www.zztrc.edu.cn/zzlyfh/" target="_blank">郑州旅游职业学院</a></dd>
                </dl>
                <h3>承办单位</h3>
                <dl>
                    <dt><a href="http://www.qunar.com/" target="_blank">去哪儿网</a> - Qunar.com</dt>
                </dl>
            </div>
        </div>
    </div>
    <div class="panel competitor_panel">
        <div class="column competitor">
            <h3>选手风采展示</h3>
            <a href="vote.htm" class="more">为更多选手投票</a>
            <div class="content">
                <ul class="list clr_after">
                    <c:forEach var="item" items="${data.page}" end="11">
                    <li>
                        <div class="avatar">
                            <a href="competitor.htm?link=${item.link}">
                                <img src="${item.avatar}" width="110" height="153" alt="${item.name}" />
                                <span class="border"></span>
                            </a>
                        </div>
                        <div class="info">
                            <dl>
                                <dt><a href="competitor.htm?link=${item.link}" class="name">${item.name }</a></dt>
                                <dd>编号：${item.inviteCode}</dd>
                                <dd>票数：<span class="hl" id="vc_${item.link}">${item.voteCount }</span></dd>
                            </dl>
                            <button class="btn_vote" name="${item.link}"><span class="hide">投票</span></button>
                        </div>
                    </li>
                    </c:forEach>
                </ul>
            </div>
        </div>
    </div>
    <!--
    <div class="panel weibo_panel">
        <div class="column weibo">
            <h3>新浪微博</h3>
            <iframe width="100%" height="500"  frameborder="0" scrolling="no" src="http://widget.weibo.com/distribution/comments.php?language=zh_cn&width=0&height=500&skin=1&dpc=1&url=http://open.weibo.com/widget/comments.php&titlebar=0&border=0&appkey=&colordiy=0&dpc=1"></iframe>
        </div>
    </div>
    -->
</div>
<%@include file="/WEB-INF/views/site/inc/footer.jsp" %>
<script src="/static/js/jcarousellite_1.0.1.js"></script>

<script type="text/javascript">

if( $('.jCarouselLite ul li').length > 0 ) {
var MyMar = null;
var SleepTime = 2000;   //停留时长 单位毫秒
$(function() {
    $(".jCarouselLite").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 10,
        speed: 1000,    //滚动完成时长 单位毫秒
        scroll: 1,
        onMouse: true
    });
    $(".jCarouselLite").bind('mouseover',function(event){
            clearInterval(MyMar);
        })
        .bind('mouseout',function(event){
            MyMar=setInterval(next,SleepTime);
        });
});
function next(){
    $(".next").click();
}
MyMar = setInterval(next,SleepTime);
}
</script>
</body>
</html>
